import React, {Component} from 'react';
import './scss/NewLetter.scss';
import Input from '@material-ui/core/Input';
import Button from '@material-ui/core/Button';

export default class NewLetter extends Component {
	render () {
		return (
			<div className="md-sidebar">
				<aside className="widget news-letter-widget">
					<h2 className="widget-title text-uppercase text-center">Get Newsletter</h2>
					<form>
						<Input placeholder="Your email address" className='md-email-input' type={'email'}/>
						<Button type={'danger'} className="md-submit-button">Subscribe Now</Button>
					</form>
				</aside>
				<aside className="widget widget-popular-post">
					<h3 className="widget-title text-uppercase text-center">Popular Posts</h3>
					<ul>
						<li>
							<a className="popular-img"><img
								src="http://demo.shapedtheme.com/kotha-pro-html/assets/images/p-1.jpg" alt=""/>
							</a>
							<div className="p-content">
								<h4><a className="text-uppercase">A Mindblowing Interior Design</a></h4>
								<span className="p-date">February 15, 2016</span>
							</div>
						</li>
						<li><a className="popular-img"><img
							src="http://demo.shapedtheme.com/kotha-pro-html/assets/images/p-2.jpg" alt=""/>
						</a>
							<div className="p-content">
								<h4><a className="text-uppercase">A Table with amazing books</a></h4>
								<span className="p-date">February 15, 2016</span>
							</div>
						</li>
						<li>
							<a className="popular-img"><img
								src="http://demo.shapedtheme.com/kotha-pro-html/assets/images/p-3.jpg" alt=""/>
							</a>
							<div className="p-content">
								<h4><a className="text-uppercase">Home is peaceful Place</a></h4>
								<span className="p-date">February 15, 2016</span>
							</div>
						</li>
					</ul>
				</aside>
				<aside className="widget add-widget">
					<h2 className="widget-title text-uppercase text-center">Advertisement</h2>

					<div className="add-image">
						<a><img src="http://demo.shapedtheme.com/kotha-pro-html/assets/images/add-image.jpg"
								alt=""/></a>
					</div>
				</aside>
			</div>
		);
	}
}